<script setup>
// vue3中使用了modelValue来替代value
// 也就是说vue3中，value改成了modelValue，input方法了改成update:modelValue
defineProps(['modelValue'])
const emit = defineEmits(['update:modelValue'])

// function onInput(e) {
//   emit('update:modelValue', e.target.value)
// }
</script>

<template>
<!-- $listeners对象在 Vue 3 中已被移除。事件监听器现在是$attrs的一部分 -->
  <input type="text" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" v-bind="$attrs">{{modelValue.length}}/{{ $attrs.maxlength }}
</template>

<style></style>
